<div class="container">
    <div class="login-wrapper">
        <div class="header">Register</div>
        <div class="form-wrapper">
            <input type="text" name="username" placeholder="username" class="input-item" [(ngModel)]="userinfo.user_name">
            <input type="password" name="password" placeholder="password" class="input-item" [(ngModel)]="userinfo.user_password">
            <input type="password" name="confirm password" placeholder="confirm password" class="input-item" [(ngModel)]="userinfo.user_password2">
            <input type="date" name="birthday" placeholder="birthday" class="input-item" [(ngModel)]="userinfo.user_birthday">
            <input type="text" name="gender" placeholder="gender" class="input-item" [(ngModel)]="userinfo.user_gender">
            <input type="text" name="telephone" placeholder="telephone" class="input-item" [(ngModel)]="userinfo.user_telephone">
            <div class="btn" (click)="register()">Sign up</div>
        </div>
        <div class="msg">
            <a href="#"></a>
        </div>
    </div>
</div>